import React, {Component} from 'react'
import {StyleSheet, View, Text, TouchableOpacity} from 'react-native'
import CommonStyle from './style/common.style.js'

export default class Girl extends Component {
    constructor (props) {
        super(props)
        this.state = {

        }
    }
    render () {
        return (
            <View style={[CommonStyle.container, styles.container]}>
                <Text style={CommonStyle.text}>I am a little girl</Text>
                <Text style={CommonStyle.text}>我收到: {this.props.word}</Text>
                <TouchableOpacity style={CommonStyle.button}
                    onPress={() => {
                        this.props.callback('一盒巧克力')
                        this.props.navigator.pop()
                    }}
                >
                    <Text>回赠巧克力</Text>
                </TouchableOpacity>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#FDE8CB'
    }
})